<script setup>
import {ref} from "vue";
import Son from "@/ComponentCommunication/04-v-model/Son.vue";

let userName = ref("张三")

</script>

<template>
  <!--  v-model用在html标签上-->
  <input v-model="userName" type="text">
  <!--  上面等价于-->
  对于原生事件，$event就是触发事件的dom对象
  <input type="text" v-bind:value="userName" @input="userName = $event.target.value"/>
  <son v-model="userName"/>
  <!--  上面等价于-->
  对于自定义组件，$event就是触发事件时，所传递的数据
  <son v-bind:modelValue="userName" @update:modelValue="userName = $event"/>
  自定义名称
  <son v-model:qwe="userName"/>
  <son v-bind:qwe="userName" @update:qwe="userName = $event"/>

</template>

<style scoped>

</style>